<!-- 文章列表 -->
<template>
<div>
	<zlw-nav></zlw-nav>
	<div class="container">
		<el-row :gutter="30">
<!--      <el-col :sm="24" :md="6">-->
<!--        <zlw-leftlist></zlw-leftlist>-->
<!--      </el-col>-->
			<el-col :sm="24" :md="16" style="transition:all .5s ease-out;margin-bottom:30px;">
				<zlw-articlelist></zlw-articlelist>
			</el-col>
      <el-col :sm="24" :md="8" style="transition:all .5s ease-out;margin-bottom:30px;">
        <zlw-rightlist></zlw-rightlist>
      </el-col>
		</el-row>
	</div>
</div>
</template>

<script>
import header from '../components/header.vue'
import articlelist from '../components/articlelist.vue'
import leftlist from '../components/leftlist.vue'
import rightlist from "../components/rightlist";
export default {
	name: "Share",
	data() { //选项 / 数据
		return {

		}
	},
	methods: { //事件处理器

	},
	components: { //定义组件
		'zlw-nav': header,
		'zlw-articlelist': articlelist,
		'zlw-leftlist': leftlist,
    'zlw-rightlist': rightlist
	},

	created() { //生命周期函数

	}
}
</script>

<style>

</style>
